<template>
  <div class="document">
    <div class="breadcrumb">
      <a>高级用户申请规则</a>
    </div>
    <div class="rules">
      <h1>高级用户申请规则</h1>
      <p>“高级用户”是CSDN给予质量较高、影响力较大的IT类博客的荣誉称号，代表了官方对其博客的肯定，同时高级用户也需要承担一定的社区责任。</p>

      <h4>申请CSDN高级用户应具备的条件：</h4>
      <ul>
        <li>原创技术文章总数超过20篇，并且最近一个月内发布了新的原创技术文章。</li>
        <li>博客文章总的浏览量超过5万次以上。</li>
        <li>文章内容的质量很高。</li>
        <li>企业、团队等非个人开设的博客需要原创技术文章总数超过40篇，最近一个月内发布了新的原创技术文章，且博客文章总的浏览量超过10万次以上才能申请高级用户。</li>
        <li>在某IT领域具有较大影响力但未达到上述申请条件的用户，可以通过现有高级用户或CSDN编辑部推荐，成为“特约专家”，待达到条件后转为正式高级用户。特约专家身份为期六个月，若未达条件，身份将取消。</li>
      </ul>

      <h4>注意事项：</h4>
      <ul>
        <li>违反CSDN规则（如大量发布广告或软文），将永久取消高级用户身份。</li>
        <li>六个月内未发布原创或翻译博文，将自动取消高级用户身份，并转为博客频道荣誉专家。</li>
        <li>高级用户仅为荣誉称号，不具备CSDN的管理权限，个人观点和行为不代表官方立场。</li>
        <li>行业名家是与CSDN合作的高级用户级用户。</li>
        <li>所有高级用户（包括荣誉专家）均为实名制。</li>
      </ul>

      <h4>高级用户福利：</h4>
      <ul>
        <li>高级用户头像上显示“专家”勋章。</li>
        <li>高级用户可直接引用CSDN站外的图片。</li>
        <li>文章有更多推荐机会，进入预选库，由编辑推荐至首页或其他频道。</li>
        <li>高级用户可免费参加CSDN举办的各类会议，并有机会报销机票和住宿费用。</li>
        <li>获得更多演讲机会，受邀作为厂商或技术大会的演讲嘉宾。</li>
        <li>享有不定时福利，优先获取奖品。</li>
      </ul>

      <router-link to="/apply2" id="input" tag="a">
        确认申请
      </router-link>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      essays: [
        { title: '十个程序员必备的网站推荐', time: '2024-4-16' },
        { title: 'CSS中伪类和伪元素的区别', time: '2024-4-5' },
        { title: '浅谈Html5的优势和劣势', time: '2024-3-25' },
        { title: '浅谈Html5的优势和劣势', time: '2024-3-25' }
      ]
    };
  }
};
</script>

<style>
body {
  font-family: 'HarmonyOS Sans SC', sans-serif;
  font-size: 16px;
  line-height: 1.6;
  background-color: #f5f5f5;
  display: flex;
  justify-content: center;
}

.document {
  max-width: 1000px;
  background-color: #ffffff;
  padding: 30px;
  border-radius: 8px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  line-height: 1.8;
  font-size: 16px;
  color: #333;
}

.breadcrumb {
  font-size: 14px;
  color: #888;
  margin-bottom: 20px;
}

.breadcrumb a {
  color: #007bff;
  text-decoration: none;
}

.breadcrumb a:hover {
  text-decoration: underline;
}

h1 {
  font-size: 28px;
  color: #333;
  border-bottom: 2px solid #007bff;
  padding-bottom: 10px;
  margin-bottom: 20px;
}

h4 {
  font-size: 18px;
  color: #007bff;
  margin-top: 30px;
}

.rules p {
  margin-bottom: 20px;
  font-size: 16px;
}

.rules ul {
  list-style-type: disc;
  margin-left: 20px;
  margin-bottom: 20px;
}

.rules li {
  margin-bottom: 10px;
}

#input {
  display: inline-block;
  padding: 10px 20px;
  background-color: #28a745;
  color: white;
  font-size: 16px;
  border-radius: 5px;
  text-decoration: none;
}

#input:hover {
  background-color: #218838;
}

</style>